<template>
	<view style="display: flex;align-items: center;flex-direction: row;padding-top: 5px;padding-bottom: 5px;">
		<text style="font-size: 12px;color: #999999;flex: 1;">{{keystr}}</text>
		<view class=""
			style="flex: 2;background-color: #007AFF30;display: flex;flex-direction: row;align-items: center;padding-left: 5px;padding-right: 5px;">
			<text class="iconfont icon-fujian" :style="vstyle"></text>
			<text style="font-size: 12px;color: #007AFF;flex: 2;">{{valuestr}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["keystr", "valuestr", "valuestyle"],
		name: "form-key-file-row",
		data() {
			return {
				vstyle: {
					"fontSize": "12px",
					"marginRight": "5px",
					"color": "#999999"
				}
			};
		},
		mounted() {
			let style = {
				...this.vstyle,
				...this.valuestyle
			}
			this.vstyle = style;
		}
	}
</script>

<style>

</style>
